// #region show
<template>
  <div>
    <q-button>Default</q-button>
    <q-button type="primary">Primary</q-button>
    <q-button type="success">Success</q-button>
    <q-button type="warning">Warning</q-button>
    <q-button type="danger">Danger</q-button>
    <q-button type="info">Info</q-button>
  </div>
</template>
// #endregion show
<script setup lang="ts"></script>

<style scoped>
.q-button {
  margin-left: 10px;
}
</style>
